<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='合并领料')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/Production/mergerRequisition.css}" rel="stylesheet" />
<body>
	<div class="main-content blank_bg">
		<div>
			<div>
				<div class="row" style="">
					<div>
						<div style="" class="head-btn">
							<div class="btn-group">
								<button id="isMerge" class="btn btn-default changeColor" type="button" style="">未合并</button>
								<button id="notMerge" type="button" class="btn btn-default ">已合并</button>
							</div>
						</div>
						<div class="mergeContent">
							<div id="isMergeShow">
								<div style="margin-bottom: 5px;">
									<div style="float: left;">
										<button id="mergeing" class="btn btn-default " type="button" style="">合并</button>
									</div>
									<div style="float:right;">
										<button id="queryMerge" class="btn btn-default " type="button" style="margin-left: 10px;">查询</button>
										<button type="button" class="btn btn-default " id="resettingMerge">重置</button>
										<button id="more" class="btn btn-default " type="button" style="">更多</button>
										<button type="button" class="btn btn-default " id="exporting">导出</button>
									</div>
									<div style="float:right;">
										<span class="spanCss">车间：</span>
										<select name="workshopID" id="workshopID" class="selectpicker clean_C " data-live-search="true" data-width="140px">
										</select>
									</div>
									<div style="float:right;">
										<span class="spanCss">产品代码：</span> 
										<input type="text" id="fNumber" name="fNumber" class="form-control clean_C" style="width: 150px; margin-right: 10px;" autocomplete="off" /> 
										<span class="spanCss">产品名称：</span> 
										<input type="text" id="fName" name="fName" class="form-control clean_C" style="width: 120px; margin-right: 10px;" autocomplete="off" />
										<span class="spanCss">规格型号：</span> 
										<input type="text" id="fModel" name="fModel" class="form-control clean_C" style="width: 150px; margin-right: 10px;" autocomplete="off" /> 
										<!-- <span class="spanCss">流转卡号：</span> 
										<input type="text" id="id" name="id" class="form-control clean_C" style="width: 100px; margin-right: 10px;" /> 
										<span class="spanCss"></span>
										<input type="text" id="endTime" name="endTime" class="date form-control" style="margin-right: 10px;margin-left:5px;width: 100px;"/>  -->
									</div>
									<div class="" id="extend" style="display: none;padding-top: 32px;">
										<div style="float: right;">
											<span class="spanCss" style="margin-left: 10px;">派工日期</span>
											<input type="text" id="startTime" name="startTime" class="date form-control clean_C" style="margin-left:5px;width: 85px;" autocomplete="off"/>
											<span>-</span>
											<input type="text" id="endTime" name="endTime" class="date form-control clean_C" style="margin-right: 10px;width: 85px;" autocomplete="off"/>
										</div>
										<div style="float:right;">
											<span class="spanCss">派工单号：</span> 
											<input type="text" id="fCode" name="fCode" class="form-control clean_C" style="width: 150px; margin-right: 10px;" autocomplete="off" /> 
									    </div>
										<div style="clear:both"></div>
									</div>
									<div style="clear:both"></div>
								</div>
							</div>
							
							<div id="notMergeShow" style="display: none;" class="mergeContent">
								<div style="margin-bottom: 5px;">
									<div style="float:right;">
										<button id="queryNoMerge" class="btn btn-default " type="button" style="margin-left: 10px;">查询</button>
										<button type="button" class="btn btn-default " id="resettingNoMerge">重置</button>
										<!-- <button type="button" class="btn btn-default " id="changedep">修改车间保存</button> -->
									</div>
									<div style="float: right;">
										<span class="spanCss" style="margin-left: 10px;">制单日期</span>
										<input type="text" id="beginTime" name="startTime" class="date form-control clean_C" style="margin-left:5px;width: 85px;" autocomplete="off"/>
										<span>-</span>
										<input type="text" id="finalTime" name="endTime" class="date form-control clean_C" style="margin-right: 10px;width: 85px;" autocomplete="off"/>
									</div>
									<div style="float:right;margin-left: 10px;">
										<span class="spanCss">派工单号：</span> 
										<input type="text" id="fDisNo" name="fDisNo" class="form-control clean-C" style="width: 140px;" /> 
									</div>
									<div style="float:right;">
										<span class="spanCss" style="margin-left: 5px;">车间：</span>
										<select name="workshopIDM" id="workshopIDM" class="selectpicker clean_C " data-live-search="true" data-width="140px">
										</select>
									</div>
									<div style="float:right;">
										<span class="spanCss">发料状态：</span>
										<select name="fStatus" id="fStatus" class="selectpicker clean_C " data-live-search="true" data-width="90px">
											<option value="">全部</option>
											<option value="0">未发料</option>
											<option value="1">部分发料</option>
											<option value="2">全部发料</option>
										</select>
									</div>
									<div style="float:right;">
										<span class="spanCss" style="">领料人ID：</span> 
										<input type="text" id="fWorkId" name="fWorkId" class="form-control clean_C" style="width: 150px; margin-right: 10px;" autocomplete="off" /> 
										<!-- <span class="spanCss">产品代码：</span> 
										<input type="text" id="fNumber" name="fNumber" class="form-control clean_C" style="width: 150px; margin-right: 10px;" /> 
										<span class="spanCss">产品名称：</span> 
										<input type="text" id="fName" name="fName" class="form-control clean_C" style="width: 120px; margin-right: 10px;" />
										<span class="spanCss">流转卡号：</span> 
										<input type="text" id="id" name="id" class="form-control clean_C" style="width: 100px; margin-right: 10px;" /> 
										<span class="spanCss"></span>
										<input type="text" id="endTime" name="endTime" class="date form-control" style="margin-right: 10px;margin-left:5px;width: 100px;"/>  -->
									</div>
									<div style="clear:both"></div>
								</div>
							</div>
							
							<!-- 领料表 start -->
							<div style="margin-top: 5px;">
								<table id="pickingTable" class="table dataTable table-hover">
								</table>
							</div>
							<!-- 领料表 end -->
						</div>
					</div>
					
					<!-- 输入领料人卡号模态框 start -->
					<div class="modal fade " id="requesterModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
						<div class="modal-dialog" style="width: 530px; height: 220px;">
							<div class="modal-content" style="width: auto;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									<h4 class="modal-title" id="titleModal">领料人</h4>
								</div>
								<div class="modal-body" style="height: auto; padding: 10px;">
									<div style="text-align: center;">
										<div>
											<span class="modalSpan"><span class="requiredCss">*</span>领料人卡号：</span>
											<input type="text" id="fWorkerId" name="fWorkerId" class="clean-c form-control bj_color resetting modalInput" autocomplete="off" />
										</div>
										<div style="margin: 10px;">
											<span class="modalSpan">领料人：</span>
											<input type="text" id="fWorker" name="fWorker" class="clean-c form-control resetting modalInput" readonly="readonly" />
										</div>
										<div style="margin: 10px;">
											<span class="modalSpan"><span class="requiredCss">*</span>车间：</span>
											<select name="workshopID" id="workshop" class="selectpicker clean_C " data-live-search="true" data-width="200px">
											</select>
										</div>
										<div style="margin: 10px;">
											<span class="requiredCss">注：带*为必填字段。输入正确的领料人卡号，系统会自动带出领料人。</span>
										</div>
										<div style="margin-top: 10px;">
											<button id="save" class="btn btn-default" type="button" style="margin-right: 20px;">确定</button>
											<button id="back" class="btn btn-default" type="button" data-dismiss="modal" style="">取消</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>	
					<!-- 输入质检人员卡号模态框 end -->
					
					<!-- 领料详情模态框 start -->
					<div class="modal fade " id="detailsModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
						<div class="modal-dialog" style="width: 650px; height: 220px;">
							<div class="modal-content" style="width: auto;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									<h4 class="modal-title" id="">领料详情</h4>
								</div>
								<div class="modal-body" style="height: auto; padding: 10px;">
									<div style="text-align: center;">
										<div>
											<table id="detailsTable" class="table dataTable table-hover">
											</table>
										</div>
										<!-- <div style="margin-top: 10px;">
											<button id="save" class="btn btn-default" type="button" style="margin-right: 20px;">确定</button>
											<button id="back" class="btn btn-default" type="button" data-dismiss="modal" style="">取消</button>
										</div> -->
									</div>
								</div>
							</div>
						</div>
					</div>	
					<!-- 领料详情模态框 end -->
					<!-- 移出派工模态框 start -->
					<div class="modal fade " id="removepieModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
						<div class="modal-dialog" style="width: 1000px; height: 220px;">
							<div class="modal-content" style="width: auto;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									<h4 class="modal-title" id="">移出派工单</h4>
								</div>
								<div class="modal-body" style="height: auto; padding: 10px;">
									<div style="text-align: center;">
										<div>
											<table id="removeTable" class="table dataTable table-hover">
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>	
					<!-- 移出派工模态框 end -->
					
					<!-- 合并领料详情模态框 start -->
					<div class="modal fade " id="detailsHModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
						<div class="modal-dialog" style="width: 650px; height: 220px;">
							<div class="modal-content" style="width: auto;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									<h4 class="modal-title" id="">合并领料详情</h4>
								</div>
								<div class="modal-body" style="height: auto; padding: 10px;">
									<div style="text-align: center;">
										<div>
											<table id="detailsHTable" class="table dataTable table-hover">
											</table>
										</div>
										<div style="margin-top: 10px;">
											<!-- <button id="save" class="btn btn-default" type="button" style="margin-right: 20px;">确定</button> -->
											<button id="backDetails" class="btn btn-default" type="button" style="">返回</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>	
					<!-- 合并领料详情模态框 end -->
					
					<!-- 调用showModal里的queryModal，查询行 -->
					<div th:include="Production/showModal :: queryModal" />
				</div>
			</div>
		</div>
	</div>
	<div th:include="base :: bottom" />
	<div th:include="base :: bootstrapTable" />
	<!-- /<div th:include="base :: bootstrapTableTreeview" /> -->
	<div th:include="base :: bootstrapTable-eidt" />
	<script th:src="@{plugins/bootstrapEditable/js/bootstrap-table-editable.js}"></script>
	<div th:include="base :: ztree" />
	<div th:include="base :: tableExport" />
	<!-- 车间下拉框公共js -->
	<!-- <script th:src="@{js/Production/productionPublic.js}"></script> -->
	<script th:src="@{js/Production/mergerRequisition.js}"></script>
	<script th:src="@{js/Production/showModal.js}"></script>
</body>
</html>
